import React, { } from 'react'
import { Layout, theme } from 'antd';
import { Outlet } from 'react-router-dom';

import Sider from './sider/index'
import Header from './header/index'

const { Content } = Layout;


export default function Main() {

    const { token: { borderRadiusLG }, } = theme.useToken();
    return (
        <Layout style={{ height: '100%' }}>
            {/* 左侧 */}
            <Sider></Sider>
            <Layout>
                {/* header */}
                <Header></Header>
                <Content
                    style={{
                        margin: '24px 16px',
                        padding: 24,
                        minHeight: 280,
                        borderRadius: borderRadiusLG,
                    }}
                >
                    <Outlet></Outlet>
                </Content>
            </Layout>
        </Layout>
    )
}
